/*common style start*/

@tailwind base;
@tailwind components;
@tailwind utilities;
/* #ifndef APP-NVUE */
.d-flex {
	display: flex;
	flex-direction: row;
}

.d-flex-column {
	flex-direction: column;
}

.d-flex-unShrink {
	flex-shrink: 0;
}

.d-flex-between {
	justify-content: space-between;
}

.d-flex-around {
	justify-content: space-around;
}

.d-flex-center {
	justify-content: center;
}

.d-flex-start {
	justify-content: flex-start;
}

.d-flex-end {
	justify-content: flex-end;
}

.d-flex-middle {
	align-items: center;
}

.d-flex-bottom {
	align-items: flex-end;
}

.d-flex-top {
	align-items: flex-start;
}

.d-flex-align {
	align-content: space-between;
}

.d-ellipsis-single {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.d-clamp {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
}

.d-flex-btn {
	display: flex;
	align-items: center;
	justify-content: center;
}

.d-img {
	display: block;
	width: 100%;
	height: 100%;
}

.divider {
	display: block;
	width: 100%;
	height: 20rpx;
	background-color: #f4f4f4;
}

.page-status-height {
	display: block;
	width: 100%;
	height: var(--status-bar-height);
}

::-webkit-scrollbar {
	width: 0;
	height: 0;
	opacity: 0;
	color: transparent;
	visibility: hidden;
}

.d-flex-row {
	flex-direction: row;
}

.d-flex-wrap {
	flex-wrap: wrap;
}

.d-flex-item {
	flex: 1;
}


.d-ellipsis-multiple,
.d-ellipsis-multiple-2 {
	lines: 2;
}

.d-ellipsis-multiple-3 {
	lines: 3;
}

.page-status-bar {
	width: 100%;
	height: var(--status-bar-height);
}

/* #endif */

/* #ifdef APP-NVUE */
/* 链的类名 */
.Ethereumicon{
	 display: block;
 width: 10px;
height: 16px;
 margin-right: 2px;
}
.Polygovnicon{
	display: block;
  width: 17px;
  height: 16px;
  margin-right: 5px;
}

.etcicon{
	  display: block;
  width: 28px;
  height: 26px;
  margin-right: 4px;
}



/* #endif */
/*common style end*/
.f26 {
	font-size: 26rpx;
}

.f24 {
	font-size: 24rpx;
}

.f20 {
	font-size: 20rpx;
}

.f22 {
	font-size: 22rpx;
}

.f28 {
	font-size: 28rpx;
}

.f32 {
	font-size: 32rpx;
}

.f34 {
	font-size: 34rpx;
}

.f30 {
	font-size: 30rpx;
}

.f36 {
	font-size: 36rpx;
}

.f60 {
	font-size: 60rpx;
}

.cf {
	color: #FFFFFF;
}

.cf1 {
	color: #348AFF;
}

.c3 {
	color: #333;
}

.c6 {
	color: #666;
}

.c9 {
	color: #999;
}

.cde {
	color: #7A242A;
}

.f00cr {
	color: #ff0000;
}

.fw7 {
	font-weight: 700;
}

.fw4 {
	font-weight: 400;
}

.fwb {
	font-weight: bold;
}

.flex1 {
	flex: 1;
}

.flex {
	display: flex;
}

.flex-column {
	display: flex;
	flex-direction: column;
}

.flex-align-center {
	align-items: center;
}

.flex-justify-center {
	justify-content: center;
}

.flex-justify-between {
	justify-content: space-between;
}

.flex-justify-around {
	justify-content: space-around;
}

.flex-justify-end {
	justify-content: flex-end;
}

/* // 2行省略号 */
.clamp2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
}

/* // 1行省略号 */
.clamp {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1; 
	-webkit-box-orient: vertical;
}
